$(document).ready(function() {
    // 获取图片和文字元素
    var $abImg = $('.ab_img');
    var $abCon = $('.ab_con');

    // 设置初始位置
    $abImg.css('left', '-100%').show();
    $abCon.css('right', '-100%').show();

    // 监听滚动事件
    $(window).scroll(function() {
        // 获取窗口高度和滚动条位置
        var windowHeight = $(window).height();
        var scrollTop = $(window).scrollTop();

        // 获取图片和文字元素的位置
        var abImgTop = $abImg.offset().top;
        var abConTop = $abCon.offset().top;

        // 判断是否进入视口
        if (scrollTop + windowHeight > abImgTop && !$abImg.hasClass('animated')) {
            // 图片从左边滑入
            $abImg.animate({ left: '0' }, 1000);
            $abImg.addClass('animated'); // 防止重复动画
        }

        if (scrollTop + windowHeight > abConTop && !$abCon.hasClass('animated')) {
            // 文字从右边滑入
            $abCon.animate({ right: '0' }, 1000);
            $abCon.addClass('animated'); // 防止重复动画
        }
    });
});